home *** CD-ROM | disk | FTP | other *** search
/ Apple Developer Connectio…eloper Series 2005 March / Dev.CD Mar 05.iso / What's New / Technical Notes and Q&As / ADC Reference Library / css / adcstyle051704.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-05-11  |  22.7 KB  |  1,565 lines
  1. /* body */
  2. body {
  3.     margin: 0 10px;
  4.     background-color: #fff;
  5.     color: #000;
  6.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  7.     }
  8.  
  9. /* links */
  10. a:link {
  11.     color: #00f;
  12.     text-decoration: none;
  13.     }
  14.  
  15. a:visited {
  16.     color: #00a;
  17.     text-decoration: none;
  18.     }
  19.  
  20. a:hover {
  21.     color: #f60;
  22.     text-decoration: underline;
  23.     }
  24.     
  25. a:active {
  26.     color: #f60;
  27.     text-decoration: underline;
  28.     }
  29.  
  30. /* html tags */
  31. th, td, ul, ol, li {
  32.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  33.     }
  34.         
  35. code, pre    {
  36.     color: #000;
  37.     font-family: monaco, "Courier New", courier, monospace;
  38.     font-size: 10px;
  39.     }
  40.  
  41.     /*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */
  42.  
  43. * html code    {
  44.     font-size: 101%; 
  45.     }
  46.  
  47. * html pre {
  48.     font-size: 101%; 
  49.     }
  50.  
  51. h1    {
  52.     margin: 0 0 15px 0;
  53.     padding: 0;
  54.     font: bold 36px 'Myriad Apple', 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  55.     color: #000;
  56.     }
  57.     
  58. h2    {
  59.     margin: 0 0 5px 0;
  60.     padding: 0;
  61.     font: bold 16px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  62.     color: #000;
  63.     }
  64.     
  65. p + h2 {
  66.     margin: 20px 0 5px 0;
  67.     }
  68.  
  69. ol + h2 {
  70.     margin: 20px 0 5px 0;
  71.     }
  72.  
  73. ul + h2 {
  74.     margin: 20px 0 5px 0;
  75.     }
  76.  
  77. h3    {
  78.     margin: 0;
  79.     padding: 0;
  80.     font: bold 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  81.     color: #000;
  82.     }
  83.  
  84. h3 + table {
  85.     margin: 5px 0 0 0;
  86.     }
  87.     
  88. h4    {
  89.     margin: 0;
  90.     padding: 0;
  91.     font: bold 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  92.     color: #666;
  93.     /*text-decoration: underline;*/
  94.     }
  95.     
  96. h3 + h4 {
  97.     margin: 10px 0 0;
  98.     }
  99.  
  100. h6    {
  101.     margin: 0;
  102.     padding: 0;
  103.     font: normal 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  104.     color: #000;
  105.     }
  106.  
  107. p    {
  108.     margin: 0 0 10px 0;
  109.     padding: 0;
  110.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  111.     color: #000;
  112.     }
  113.     
  114. th {
  115.     font-weight: bold;
  116.     text-align: left;
  117.     vertical-align: top;
  118.     }
  119.     
  120. form {
  121.     margin: 0;
  122.     }
  123.     
  124. button {
  125.     margin: 3px 0 10px 0;
  126.     }
  127.     
  128. /* lists */
  129. ul    {
  130.     list-style: square outside;
  131.     margin: 0 0 0 30px;
  132.     padding: 0 0 1em 0;
  133.     }
  134.  
  135. li    {
  136.     margin-top: 3px;
  137.     }
  138.     
  139. ul ul {
  140.     margin-left: 40px;
  141.     }
  142.     
  143. ul.compressed {
  144.     margin-top: -10px;
  145.     }
  146.     
  147. ul.compressed li {
  148.     margin-top: 0;
  149.     }
  150.  
  151. ul.marketing {
  152.     padding-left: 0;
  153.     margin: 0 0 16px 0;
  154.     }
  155.     
  156. ul.marketing li    {
  157.     margin-top: 0;
  158.     margin-left: 0;
  159.     margin-bottom: 2px;
  160.     font-size: 10px;
  161.     }
  162.     
  163. ol {
  164.     margin: 0 0 10px 1.5em;
  165.     padding-left: 1.5em;
  166.     }
  167.  
  168. ul.inline, ol.inline, p.inline {
  169.     margin-top: -7px;
  170.     }
  171.     
  172. ul.inline ul, ul.inline ol, ol.inline ul, ol.inline ol {
  173.     margin-top: 0;
  174.     }
  175.  
  176. ol.faq li {
  177.     font-weight: bold;
  178.     }
  179.     
  180. ol.steps li {
  181.     font-weight: bold;
  182.     }
  183.     
  184. ul.nav {
  185.     margin: 8px 0 0;
  186.     padding: 0;
  187.     list-style-type: none;
  188.     }
  189.  
  190. ul.nav li {
  191.     margin-top: 4px;
  192.     padding-left: 0;
  193.     }
  194.     
  195. ul.grayarrow {
  196.     list-style: url(/images/bullet_grayarrow.gif);
  197.     margin-left: 17px;
  198.     }
  199.  
  200. ul.grayarrow li    {
  201.     font-size: 11px;
  202.     margin: 3px 0 0 0;
  203.     }
  204.     
  205. /* images */
  206. .leftinline {
  207.     margin: 0 10px 5px 0;
  208.     float: left;
  209.     }
  210.  
  211. .rightinline {
  212.     margin: 0 0 5px 10px;
  213.     float: right;
  214.     }
  215.  
  216.  
  217. /* tables */
  218. .bumblebee {
  219.     border-top: 1px solid #919699;
  220.     border-left: 1px solid #919699;
  221.     border-right: 1px solid #919699;
  222.     }
  223.  
  224. .bumblebee td {
  225.     padding: 10px;
  226.     font-size: 10px;
  227.     }
  228.     
  229. .bumblebee th {
  230.     padding: 6px 10px 6px 10px;
  231.     font-size: 10px;
  232.     }
  233.  
  234. .bumblebee th {
  235.     background: #7E91A4;
  236.     color: #FFF;
  237.     }
  238.  
  239. .bumblebee td {
  240.     border-bottom: 1px solid #919699;
  241.     text-align: left;
  242.     vertical-align: top;
  243.     }
  244.  
  245. .bumblebeeblue {
  246.     background: #F0F5F9;
  247.     }
  248.  
  249. .bumblebeewhite {
  250.     background: #FFF;
  251.     }
  252.     
  253. .bumblebee .bumblebeeblue td.sortcolumn {
  254.     background: #DCE5EE;
  255.     }
  256.     
  257. .bumblebee .bumblebeewhite td.sortcolumn {
  258.     background: #F5F5F5;
  259.     }
  260.     
  261. .bumblebee th.sortcolumn {
  262.     background: #334455;
  263.     }
  264.     
  265. .bumblebeetop {
  266.     border-top: 1px solid #919699;
  267.     border-left: 1px solid #919699;
  268.     border-right: 1px solid #919699;
  269.     background: #E2E2E2;
  270.     }
  271.     
  272. .bumblebeetop td{
  273.     padding: 10px;
  274.     }
  275.  
  276. td.middle, th.middle {
  277.     vertical-align: middle;
  278.     }
  279.     
  280. td.top, th.top {
  281.     vertical-align: top;
  282.     }
  283.     
  284. td.bottom, th.bottom {
  285.     vertical-align: bottom;
  286.     }
  287.     
  288. td.center, th.center {
  289.     text-align: center;
  290.     }
  291.     
  292. td.right, th.right {
  293.     text-align: right;
  294.     }
  295.     
  296. .smalltable td p {
  297.     font-size: 11px;
  298.     }
  299.  
  300.     
  301. .graybox {
  302.     border-top: 1px solid #919699;
  303.     border-left: 1px solid #919699;
  304.     margin-bottom: 10px;
  305.     }
  306.     
  307. .graybox th {
  308.     padding: 4px 8px 4px 8px;
  309.     background: #E2E2E2;
  310.     font-size: 12px;
  311.     font-weight: bold;
  312.     border-bottom: 1px solid #919699;
  313.     border-right: 1px solid #919699;
  314.     }
  315.     
  316. .graybox td {
  317.     padding: 8px;
  318.     font-size: 12px;
  319.     text-align: left;
  320.     vertical-align: top;
  321.     border-bottom: 1px solid #919699;
  322.     border-right: 1px solid #919699;
  323.     }
  324.     
  325. .graybox table td {
  326.     border: none;
  327.     padding: 0;
  328.     vertical-align: middle;
  329.     }
  330.  
  331. .marketingbox {
  332.     width: 100%;
  333.     border: 1px solid #a1a5a9;
  334.     }
  335.  
  336. .marketingbox th {
  337.     padding: 4px 8px 4px 8px;
  338.     background: #C83808;
  339.     font-size: 12px;
  340.     font-weight: bold;
  341.     color: #FFF;
  342.     }
  343.  
  344. .marketingbox td {
  345.     padding: 8px 8px 0 8px;
  346.     text-align: left;
  347.     vertical-align: top;
  348.     }
  349.     
  350. .documentationtable {
  351.     border: none;
  352.     }
  353.  
  354. .documentationtable td {
  355.     border-bottom: 1px solid #919699;
  356.     text-align: left;
  357.     vertical-align: top;
  358.     padding: 5px 0 10px 0;
  359.     }
  360.     
  361. .documentationtable .bottom{
  362.     border: 0;
  363.     }
  364.         
  365. .businesstable {
  366.     border: none;
  367.     }
  368.  
  369. .businesstable td {
  370.     text-align: left;
  371.     font-size: 10px;
  372.     vertical-align: top;
  373.     padding: 5px 0 10px 0;
  374.     }
  375.     
  376. .documentationtable p {
  377.     font-size: 10px;
  378.     }
  379.  
  380.  
  381. /* rounded corner tables */
  382. .bigboxtop {
  383.     background: #FFF url(/images/bigboxtop.gif) repeat-x top left;
  384.     }
  385.  
  386. .bigboxleft {
  387.     background: #FFF url(/images/bigboxleft.gif) repeat-y top left;
  388.     }
  389.  
  390. .bigboxright {
  391.     background: #FFF url(/images/bigboxright.gif) repeat-y top left;
  392.     }
  393.  
  394. .bigboxbottom {
  395.     background: #FFF url(/images/bigboxbottom.gif) repeat-x top left;
  396.     }
  397.     
  398. .boxtop {
  399.     background: #FFF url(/images/boxtop.gif) repeat-x top left;
  400.     }
  401.  
  402. .boxleft {
  403.     background: #FFF url(/images/boxleft.gif) repeat-y top left;
  404.     }
  405.  
  406. .boxright {
  407.     background: #FFF url(/images/boxright.gif) repeat-y top left;
  408.     }
  409.  
  410. .boxbottom {
  411.     background: #FFF url(/images/boxbottom.gif) repeat-x top left;
  412.     }
  413.  
  414.  
  415. /* general classes */
  416. .contentpadding {
  417.     padding: 0 10px;
  418.     }
  419.     
  420. .smalltext {
  421.     font-size: 10px;
  422.     }
  423.     
  424. .blueheader {
  425.     color: #FFF;
  426.     background: #7E91A4;
  427.     padding: 3px 0 3px 7px;
  428.     }
  429.  
  430. .sourcecodebox {
  431.     border: 1px solid #c7cfd5;
  432.     background: #f1f5f9;
  433.     margin: 20px 0;
  434.     padding: 15px;
  435.     text-align: left;
  436.     }
  437.     
  438. .notebox {
  439.     border: 1px solid #a1a5a9;
  440.     background: #e8e8e8;
  441.     margin: 20px 0;
  442.     padding: 15px;
  443.     text-align: left;
  444.     } 
  445.     
  446. .gray {
  447.     color: #787c7f;
  448.     }
  449.     
  450. #footnote h3, #footnote p {
  451.     color: #76797C;
  452.     font-size: 11px;
  453.     }
  454.  
  455. .footnote {
  456.     font-size: 11px;
  457.     color: #76797C;
  458.     }
  459.     
  460. .editorial {
  461.     font-style: italic;
  462.     margin: 20px 0;
  463.     }
  464.     
  465. .libindex {
  466.     border-bottom: 1px solid #939393;
  467.     padding: 0 3px;
  468.     background-color: #DADADA;
  469.     margin: 0 1px;
  470.     }
  471.  
  472. /* forms */
  473. #forms input {
  474.     vertical-align: middle;
  475.     padding: 0;
  476.     margin: 0 0 5px 0;
  477.     }
  478.  
  479. #forms select {
  480.     vertical-align: middle;
  481.     padding: 0;
  482.     margin: 0 0 3px 0;
  483.     }
  484.  
  485. #forms .widefield, #advsearch .widefield {
  486.     width: 98%;
  487.     margin-bottom: 5px;
  488.     }
  489.  
  490. #forms .halffield {
  491.     width: 50%;
  492.     margin-bottom: 5px;
  493.     }
  494.  
  495. #forms .extraspace {
  496.     padding-bottom: 8px;
  497.     }
  498.  
  499. #forms .quarterfield {
  500.     width: 25%;
  501.     margin-bottom: 5px;
  502.     }
  503.     
  504. #forms .inputbutton, #advsearch .inputbutton {
  505.     margin: 5px 0 10px 0;
  506.     border: 0;
  507.     }
  508.     
  509. #forms .checkbox, #advsearch .checkbox {
  510.     margin: 0 5px 0 0;
  511.     vertical-align: baseline;
  512.     }
  513.     
  514. #forms .radio {
  515.     margin: 0 5px 0 0;
  516.     vertical-align: baseline;
  517.     }
  518.     
  519. #forms textarea {
  520.     margin: 0 0 10px 0;
  521.     width: 100%;
  522.     }
  523.     
  524. #forms p {
  525.     margin-top: 7px;
  526.     }
  527.     
  528. #forms .buttonlists {
  529.     line-height: 20px;
  530.     }
  531.     
  532. #forms .buttondescription {
  533.     line-height: 15px;
  534.     margin: -10px 10px 5px 20px;
  535.     font-size: 10px;
  536.     }
  537.  
  538.  
  539. /* header */
  540. #adcnavheader td {
  541.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  542.     }
  543.  
  544. #adcnavheader input {
  545.     margin: 0 3px 0 0;
  546.     padding: 0;
  547.     }
  548.  
  549. #adcnavheader .textpadding {
  550.     padding-top: 2px;
  551.     vertical-align: middle;
  552.     }
  553.     
  554. #adcnavheader .searchbutton {
  555.     border: 0;
  556.     }
  557.  
  558.  
  559. /* breadcrumb */
  560. #breadcrumb td {
  561.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  562.     }
  563.  
  564. #breadcrumb form {
  565.     margin: 0;
  566.     }
  567.     
  568. #breadcrumb select {
  569.     vertical-align:  middle;
  570.     }
  571.  
  572.  
  573. /* sidebar */
  574. #sidebar h2, .swlsidebar h2 {
  575.     font-size: 12px;
  576.     }
  577.     
  578. #sidebar h3, #sidebar h4, .swlsidebar h3, .swlsidebar h4 {
  579.     font-size: 12px;
  580.     }
  581.     
  582. #sidebar p, #sidebar ol, #sidebar ul, .swlsidebar p, .swlsidebar ol, .swlsidebar ul {
  583.     font-size: 11px;
  584.     }
  585.  
  586. #sidebar ul, .swlsidebar ul {
  587.     margin-left: 16px;
  588.     padding-left: 0;
  589.     }
  590.  
  591. #sidebar li, .swlsidebar li {
  592.     font-size: 11px;
  593.     margin-top: 2px;
  594.     }
  595.     
  596. #sidebar ul.nav, .swlsidebar ul.nav {
  597.     margin: 8px 0 0;
  598.     padding: 0;
  599.     list-style-type: none;
  600.     }
  601.  
  602. #sidebar ul.nav li, .swlsidebar ul.nav li {
  603.     margin-top: 4px;
  604.     padding-left: 0;
  605.     background: none;
  606.     }
  607.  
  608. /* footer */
  609. #footer td, #footer p {
  610.     font-size: 10px;
  611.     }
  612.     
  613. .footerbreadcrumb {
  614.     font-size: 10px;
  615.     }
  616.  
  617. /* 404 page definitions*/
  618. #notfound h2 {
  619.     font-size: 12px;
  620.     }
  621.     
  622. #notfound h3, #notfound h4 {
  623.     font-size: 12px;
  624.     }
  625.     
  626. #notfound p, #notfound ul {
  627.     font-size: 10px;
  628.     }
  629.  
  630. #notfound ul {
  631.     margin: 0 0 15px 0;
  632.     padding-left: 0;
  633.     list-style-type: none;
  634.     }
  635.  
  636. #notfound ul li {
  637.     font-size: 10px;
  638.     margin: 3px 0 0 0;
  639.     padding-left: 0;
  640.     background: none;
  641.     }
  642.     
  643. #notfound ul ul {
  644.     margin-top: 0;
  645.     margin-left: 16px;
  646.     list-style: square outside;
  647.     }
  648.  
  649. #notfound ul ul li {
  650.     margin-left: 0;
  651.     padding-left: 0;
  652.     }
  653.  
  654. li.sectionbreak {
  655.     margin-bottom: 15px;
  656.     }
  657.  
  658. /* advanced search */
  659. #advsearch h4 {
  660.     margin-bottom: 10px;
  661.     }
  662.     
  663. #advsearch p {
  664.     line-height: 20px;
  665.     }
  666.     
  667. /* contact page */
  668. .iconlinks td {
  669.     font-size: 11px;
  670.     }
  671.     
  672. /* search results */
  673. .boxtop7e91a4 {
  674.     background: #FFF url(/images/boxtop7e91a4.gif) repeat-x top left;
  675.     }
  676.  
  677. .boxtopleft7e91a4 {
  678.     background: #FFF url(/images/boxtopleft7e91a4.gif) repeat-y top left;
  679.     }
  680.  
  681. .boxtopright7e91a4 {
  682.     background: #FFF url(/images/boxtopright7e91a4.gif) repeat-y top left;
  683.     }
  684.  
  685. .boxbottom7e91a4 {
  686.     background: #FFF url(/images/boxbottom7e91a4.gif) repeat-x top left;
  687.     }
  688.  
  689. .filesize {
  690.     color: #7F8285;
  691.     }
  692.  
  693. tr.results th, tr.results td {
  694.     font-size: 12px;
  695.     color: #FFF;
  696.     background-color: #7e91a4;
  697.     font-weight: normal;
  698.     }
  699.  
  700. tr.results a {
  701.     color: #FFF;
  702.     font-weight: bold;
  703.     }
  704.     
  705. .oddrow {
  706.     background-color: #ffffff;
  707.     }
  708.     
  709. .evenrow {
  710.     background-color: #f0f5f9;
  711.     }
  712.  
  713. /* software licensing descriptions */
  714. .swlleftrule {
  715.     border-left: 1px solid #A1A5A9;
  716.     padding-left: 10px;
  717.     padding-right: 10px;
  718.     }    
  719.  
  720. .swlsidebar {
  721.     padding-right: 10px;
  722.     }
  723.  
  724. /* narrative */
  725. #narrative blockquote {
  726.     margin: 0 20px 10px 20px;
  727.     color: #3972B8;
  728.     }
  729.  
  730. #narrative .pullquote {
  731.     font-size: 17px;
  732.     color: #FFF;
  733.     padding: 8px;
  734.     background-color: #3972B8;
  735.     border: 1px solid #000;
  736.     }
  737.     
  738. #narrative.color779D90 blockquote {
  739.     color: #779D90;
  740.     }
  741.     
  742. #narrative.color779D90 .pullquote {
  743.     background-color: #779D90;
  744.     }
  745.  
  746. #narrative.color3C6E6E blockquote {
  747.     color: #3C6E6E;
  748.     }
  749.     
  750. #narrative.color3C6E6E .pullquote {
  751.     background-color: #3C6E6E;
  752.     }
  753.  
  754. #narrative.color6D8042 blockquote {
  755.     color: #6D8042;
  756.     }
  757.     
  758. #narrative.color6D8042 .pullquote {
  759.     background-color: #6D8042;
  760.     }
  761.  
  762. #narrative.color3E583D blockquote {
  763.     color: #3E583D;
  764.     }
  765.     
  766. #narrative.color3E583D .pullquote {
  767.     background-color: #3E583D;
  768.     }
  769.  
  770. #narrative.color9AB0C5 blockquote {
  771.     color: #9AB0C5;
  772.     }
  773.     
  774. #narrative.color9AB0C5 .pullquote {
  775.     background-color: #9AB0C5;
  776.     }
  777.  
  778. #narrative.color3972B8 blockquote {
  779.     color: #3972B8;
  780.     }
  781.     
  782. #narrative.color3972B8 .pullquote {
  783.     background-color: #3972B8;
  784.     }
  785.  
  786. #narrative.color3C6C9D blockquote {
  787.     color: #3C6C9D;
  788.     }
  789.     
  790. #narrative.color3C6C9D .pullquote {
  791.     background-color: #3C6C9D;
  792.     }
  793.  
  794. #narrative.color7A6B94 blockquote {
  795.     color: #7A6B94;
  796.     }
  797.     
  798. #narrative.color7A6B94 .pullquote {
  799.     background-color: #7A6B94;
  800.     }
  801.     
  802. #narrative.color50395C blockquote {
  803.     color: #50395C;
  804.     }
  805.     
  806. #narrative.color50395C .pullquote {
  807.     background-color: #50395C;
  808.     }
  809.     
  810. #narrative.color812A28 blockquote {
  811.     color: #812A28;
  812.     }
  813.     
  814. #narrative.color812A28 .pullquote {
  815.     background-color: #812A28;
  816.     }
  817.  
  818.     
  819.     
  820. /* source code */
  821. #scdetails p {
  822.     line-height: 17px;
  823.     }
  824.     
  825. #scdetails select {
  826.     vertical-align: middle;
  827.     padding: 0;
  828.     margin: 0;
  829.     }
  830.     
  831. #scdetails input {
  832.     vertical-align: middle;
  833.     padding: 0;
  834.     margin: 0;
  835.     }
  836.  
  837. /* Technology Pages */
  838.     
  839. #gettingstarted {
  840.     float: right;
  841.     width: 125px;
  842.     font-size: 10px;
  843.     line-height: 15px;
  844.     border-left: 1px solid #a1a5a9;
  845.     margin: 0 0 5px 10px;
  846.     padding: 0 0 2px 10px;
  847.     }
  848.     
  849. #gettingstarted h3 {
  850.     font-size: 12px;
  851.     margin-bottom: 3px;
  852.     }
  853.     
  854. #technologypage {
  855.     font-size: 11px;
  856.     margin: 20px 0 15px;
  857.     }
  858.     
  859. #technologypage h2 {
  860.     margin: 0 0 5px;
  861.     padding: 16px 0 8px 35px;
  862.     font-size: 12px;
  863.     background-position: left bottom;
  864.     background-repeat: no-repeat;
  865.     }
  866.     
  867. #technologypage h2.related {
  868.     background-image: url(/images/bg_tech_related.gif);
  869.     }
  870.  
  871. #technologypage h2.featured {
  872.     background-image: url(/images/bg_tech_featured.gif);
  873.     }
  874.  
  875. #technologypage h2.reference {
  876.     background-image: url(/images/bg_tech_reference.gif);
  877.     }
  878.  
  879. #technologypage h2.mailing {
  880.     background-image: url(/images/bg_tech_mailing.gif);
  881.     }
  882.  
  883.     
  884. #technologypage p, #technologypage h3, #technologypage li {
  885.     font-size: 11px;
  886.     }
  887.     
  888. #technologypage h4 {
  889.     font-weight: bold;
  890.     color: #000;
  891.     font-size: 11px;
  892.     }
  893.     
  894. #techchild h2 {
  895.     padding-bottom: 5px;
  896.     border-bottom: 1px solid #a1a5a9;
  897.     margin-bottom: 10px;
  898.     }    
  899.  
  900. #techchild h3 {
  901.     font-weight: normal;
  902.     }
  903.         
  904. .sidebartable {
  905.     border: 1px solid #a1a5a9;
  906.     margin-bottom: 10px;
  907.     }
  908.     
  909. .sidebartable th {
  910.     padding: 4px 8px 4px 10px;
  911.     background: #DBDBDB;
  912.     font-size: 12px;
  913.     font-weight: bold;
  914.     border-bottom: 1px solid #a1a5a9;
  915.     }
  916.     
  917. .sidebartable td {
  918.     padding: 7px 10px 0 10px;
  919.     font-size: 11px;
  920.     text-align: left;
  921.     vertical-align: top;
  922.     }
  923.     
  924. .sidebartable table td {
  925.     border: none;
  926.     padding: 0;
  927.     vertical-align: middle;
  928.     }
  929.     
  930.  
  931. /* --------------- styles from before 12-01-2003 ---------------- */
  932.  
  933. /* home page */
  934. #articlehead {
  935.     font-weight: bold;
  936.     font-size: 12px;
  937.     color: #000; 
  938.     }
  939.  
  940. #linklisthead {
  941.     font-weight: bold;
  942.     font-size: 12px;
  943.     color: #000; 
  944.     }
  945.  
  946. #sectionhead {
  947.     font-weight: bold;
  948.     font-size: 14px;
  949.     color: #000; 
  950.     }
  951.  
  952. #sectionsubhead {
  953.     font-weight: bold;
  954.     font-size: 12px;
  955.     color: #000; 
  956.     }
  957.  
  958. #sectionheadorange {
  959.     font-weight: bold;
  960.     font-size: 14px;
  961.     color: #db3700; 
  962.     }
  963.  
  964. #resources {
  965.     margin-bottom: 3px;
  966.     font-weight: normal;
  967.     font-size: 10px; 
  968.     }
  969.  
  970. .membership_bullets {
  971.     color: #ffffff;
  972.     font-weight: normal;
  973.     font-size: 10px; 
  974.     }
  975.  
  976.  
  977. /* glossary page styles */
  978. #glossary_header { 
  979.     font-size: 12px;
  980.     font-weight: bold; 
  981.     }
  982.  
  983. #glossary_header_letter { 
  984.     font-size: 14px;
  985.     font-weight: bold; 
  986.     }
  987.  
  988.  
  989. /* form class, removes whitespace browsers use by default with forms */
  990. #form {
  991.     margin: 0;
  992.     }
  993.  
  994.  
  995. /* paragraph describing page located just below the black text page title */
  996. #paragraph_description {
  997.     font-size: 12px;
  998.     }
  999.  
  1000.  
  1001. /* rate this page feedback form styles */
  1002. #feedback_bull {
  1003.     font-size: 10px;
  1004.     color: #ffffff;
  1005.     text-align: center;
  1006.     }
  1007.  
  1008. #feedback_text {
  1009.     font-size: 10px;
  1010.     color: #000;
  1011.     }
  1012.  
  1013. #radio_help {
  1014.     text-align: center;
  1015.     padding-top: 4px;
  1016.     }
  1017.  
  1018. #radio_easy {
  1019.     text-align: center;
  1020.     padding-bottom: 4px;
  1021.     }
  1022.  
  1023.  
  1024. /* search results box styles */
  1025. #results_cell_first { 
  1026.     border-top: 1px #a2a6a9 solid;
  1027.     border-left: 1px #a2a6a9 solid; 
  1028.     }
  1029.  
  1030. #results_cell_title {
  1031.     padding-top: 10px;
  1032.     padding-bottom: 10px;
  1033.     border-top: 1px #a2a6a9 solid;
  1034.     padding-right: 6px;
  1035.     font-size: 12px;
  1036.     font-weight: bold;
  1037.     vertical-align: top;
  1038.     }
  1039.  
  1040. #results_cell_other {
  1041.     padding-top: 10px;
  1042.     padding-bottom: 10px;
  1043.     border-top: 1px #a2a6a9 solid;
  1044.     padding-left: 6px;
  1045.     padding-right: 6px;
  1046.     vertical-align: top;
  1047.     }
  1048.  
  1049. #results_cell_date {
  1050.     padding-top: 10px;
  1051.     padding-bottom: 10px;
  1052.     border-top: 1px #a2a6a9 solid;
  1053.     padding-left: 4px;
  1054.     vertical-align: top;
  1055.     }
  1056.  
  1057. #results_cell_last {
  1058.     border-top: 1px #a2a6a9 solid;
  1059.     border-right: 1px #a2a6a9 solid;
  1060.     }
  1061.  
  1062. .results_description { 
  1063.     font-size: 10px;
  1064.     font-weight: normal;
  1065.     }
  1066.  
  1067.  
  1068. /* apple script (or any other reference library page) styles */
  1069. #header { 
  1070.     font-size: 12px;
  1071.     font-weight: bold;
  1072.     }
  1073.  
  1074. #link_header {
  1075.     font-size: 10px;
  1076.     font-weight: bold;
  1077.     }
  1078.  
  1079. #blue_header {
  1080.     font-size: 12px;
  1081.     font-weight: bold;
  1082.     color: #000099;
  1083.     }
  1084.  
  1085. #td_left_line {
  1086.     border-left: 1px #555555;
  1087.     }
  1088.  
  1089.  
  1090. /* co marketing styles */
  1091. #icon_cell {
  1092.     height: 93px;
  1093.     text-align: center;
  1094.     }
  1095.  
  1096. #detail_header {
  1097.     text-align: center;
  1098.     background: #6d7f95;
  1099.     color: #ffffff;
  1100.     font-family: verdana;
  1101.     font-weight: bold;
  1102.     font-size: 10px;
  1103.     }
  1104.  
  1105. #vendor_bullet {
  1106.     color: #696969;
  1107.     }
  1108.  
  1109. #comarket_paragraph {
  1110.     color: #696969;
  1111.     font-size: 12px;
  1112.     }
  1113.  
  1114. #vendor_detail {
  1115.     font-size: 12px;
  1116.     }
  1117.  
  1118. #vendor_contact {
  1119.     font-family: Verdana, Arial, Helvetica, sans-serif;
  1120.     font-size: 10px;
  1121.     }
  1122.  
  1123. #detail_heading {
  1124.     font-weight: bold;
  1125.     }
  1126.  
  1127. #detail_copy {
  1128.     font-size: 12px;
  1129.     }
  1130.  
  1131. #discount_box_header {
  1132.     color: #ffffff;
  1133.     font-weight: bold;
  1134.     }
  1135.  
  1136. #discount_box_copy {
  1137.     font-size: 12px;
  1138.     }
  1139.  
  1140. #photo_table_copy {
  1141.     color: #7d7d7d;
  1142.     font-size: 10px;
  1143.     }
  1144.  
  1145.  
  1146.  
  1147. /*narrative styles */
  1148. #narrative_paragraph {
  1149.     color: #696969;
  1150.     font-size: 14px;
  1151.     }
  1152.  
  1153. #narrative_header {
  1154.     font-size: 13px;
  1155.     font-weight: bold;
  1156.     }
  1157.  
  1158. #narrative_content {
  1159.     font-size: 12px;
  1160.     vertical-align: top;
  1161.     }
  1162.  
  1163. #pic_box_text {
  1164.     color: #878787;
  1165.     line-height: 11px;
  1166.     font-size: 11px; 
  1167.     }
  1168.  
  1169. #red_copy {
  1170.     color: #7f0f0b;
  1171.     padding-left: 15px;
  1172.     }
  1173.  
  1174. #blue_copy {
  1175.     color: #466c9b;
  1176.     padding-left: 15px;
  1177.     }
  1178.  
  1179. #green_copy {
  1180.     color: #3b636f;
  1181.     padding-left: 15px;
  1182.     }
  1183.  
  1184. #purple_copy {
  1185.     color: #665588;
  1186.     padding-left: 15px;
  1187.     }
  1188.  
  1189. #gray_copy {
  1190.     color: #787c7f;
  1191.     padding-left: 15px;
  1192.     }
  1193.  
  1194. #pager {
  1195.     color: #76797c;
  1196.     }
  1197.  
  1198.  
  1199.  
  1200. /* frameset: table of contents frame */
  1201. #toc_contents_text {
  1202.     font-size: 12px;
  1203.     color: #0000ff;
  1204.     }
  1205.  
  1206. #toc_contents_text_open {
  1207.     font-size: 12px;
  1208.     background: #ffffff;
  1209.     color: #0000ff;
  1210.     }
  1211.  
  1212. #low_level_text {
  1213.     font-size: 10px;
  1214.     color: #0000ff;
  1215.     }
  1216.  
  1217. #low_level_text_on {
  1218.     font-size: 10px;
  1219.     color: #0000ff;
  1220.     }
  1221.  
  1222. #top_level_open {
  1223.     background: #ffffff;
  1224.     }
  1225.  
  1226. #third_level {
  1227.     background: #ffffff;
  1228.     }
  1229.  
  1230. #toc_contents_title {
  1231.     font-size: 14px;
  1232.     color: #ffffff;
  1233.     font-weight: bold;
  1234.     }
  1235.  
  1236. #toc_contents_heading {
  1237.     font-size: 12px;
  1238.     font-weight: bold;
  1239.     }
  1240.  
  1241.  
  1242.  
  1243. /* frameset: content frame */
  1244. #content_text {
  1245.     font-size: 12px;
  1246.     font-weight: normal;
  1247.     }
  1248.  
  1249.  
  1250. /* frameset: page title */
  1251. #page_title {
  1252.     font-family: 'Myriad Apple', 'Myriad', Arial, Helvetica, 'Lucida Grande';
  1253.     font-size: 36px;
  1254.     font-weight: bold;
  1255.     color: #000;
  1256.     }
  1257.  
  1258.  
  1259. /* frameset: unordered list */
  1260. ul .content {
  1261.     font-size: 12px; 
  1262.     }
  1263.  
  1264.  
  1265. /* product line styles */
  1266. #product_line_list {
  1267.     font-size: 10px; 
  1268.     }
  1269.  
  1270. #product_line_bullet {
  1271.     font-size: 10px;
  1272.     vertical-align: top;
  1273.     color: #0000ff;
  1274.     }
  1275.  
  1276.  
  1277.  
  1278. /* technical note classes */
  1279. #important_note {
  1280.     background: #e2e2e2;
  1281.     border: 1px solid #cccccc;
  1282.     }
  1283. #page_contents {
  1284.     font-size: 12px; line-height: 20px; color: #0000ff;
  1285.     }
  1286.  
  1287. #tech_content {
  1288.     font-size: 12px;
  1289.     }
  1290.  
  1291. #tech_header {
  1292.     font-size: 14px;
  1293.     font-weight: bold;
  1294.     }
  1295.  
  1296. #tech_subhead {
  1297.     font-size: 12px;
  1298.     font-weight: bold;
  1299.     }
  1300.  
  1301. #tech_list {
  1302.     font-size: 12px;
  1303.     padding-bottom: 9px;
  1304.     }
  1305.  
  1306. #source_code_box {
  1307.     border: 1px solid #c7cfd5;
  1308.     background: #f1f5f9; 
  1309.     }
  1310.  
  1311. #source_code {
  1312.     font-family: monaco, courier, monospace;
  1313.     font-size: 10px;
  1314.     margin-bottom: 0;
  1315.     padding: 12px;
  1316.     }
  1317.  
  1318. #example_title {
  1319.     font-size: 10px;
  1320.     margin-bottom: 5px;
  1321.     color: #28333b;
  1322.     }
  1323.  
  1324. #example_table_header {
  1325.     font-weight: bold;
  1326.     background: #c7cfd5; 
  1327.     }
  1328.  
  1329. #example_table_cell {
  1330.     border: 1px #c7cfd5 solid;
  1331.     background: #f1f5f9;
  1332.     vertical-align: top;
  1333.     font-size: 12px;
  1334.     }
  1335.  
  1336. #download_cell_1 {
  1337.     background: #f6f6f6;
  1338.     font-size: 11px;
  1339.     padding-top: 2px;
  1340.     padding-bottom: 2px;
  1341.     padding-left: 2px;
  1342.     border-left: 1px solid #e6e6e6;
  1343.     border-top: 1px solid #e6e6e6;
  1344.     border-bottom: 1px solid #e6e6e6;
  1345.     }
  1346.  
  1347. #download_cell_2 {
  1348.     background: #f6f6f6;
  1349.     font-size: 10px;
  1350.     padding-top: 2px;
  1351.     padding-bottom: 2px; 
  1352.     border-top: 1px solid #e6e6e6;
  1353.     border-bottom: 1px solid #e6e6e6;
  1354.     }
  1355.  
  1356. #download_cell_3 {
  1357.     background: #f6f6f6;
  1358.     font-size: 10px;
  1359.     padding-top: 2px;
  1360.     padding-bottom: 2px;
  1361.     padding-right: 2px;
  1362.     border-right: 1px solid #e6e6e6;
  1363.     border-top: 1px solid #e6e6e6;
  1364.     border-bottom: 1px solid #e6e6e6;
  1365.     }
  1366.  
  1367. #download_content {
  1368.     font-size: 12px;
  1369.     vertical-align: middle;
  1370.     }
  1371.  
  1372. #download_link {
  1373.     font-size: 10px;
  1374.     vertical-align: middle;
  1375.     }
  1376.  
  1377. #back_to_top {
  1378.     font-size: 10px; 
  1379.     }
  1380.  
  1381.  
  1382.  
  1383. /* membership overview styles */
  1384. #member_header {
  1385.     text-align: left;
  1386.     font-family: verdana;
  1387.     font-weight: bold;
  1388.     font-size: 10px;
  1389.     color: #ffffff; 
  1390.     }
  1391.  
  1392. #member_category {
  1393.     text-align: center;
  1394.     border-left: 1px #ffffff solid;
  1395.     font-family: Verdana, Arial, Helvetica, sans-serif;
  1396.     font-weight: bold;
  1397.     font-size: 10px;
  1398.     color: #ffffff;
  1399.     }
  1400.  
  1401. #white_row {
  1402.     background: #ffffff;
  1403.     }
  1404.  
  1405. #blue_row {
  1406.     background: #f0f5f9;
  1407.     }
  1408.  
  1409. #spacer_row {
  1410.     border-right: 1px solid #a2a6a9;
  1411.     border-left: 1px solid #a2a6a9;
  1412.     }
  1413.  
  1414. #left_border {
  1415.     border-left: 1px solid #a2a6a9;
  1416.     }
  1417.  
  1418. #right_border {
  1419.     border-right: 1px solid #a2a6a9;
  1420.     text-align: center;
  1421.     vertical-align: middle;
  1422.     }
  1423. #gray_line {
  1424.     border-right: 1px solid #a2a6a9;
  1425.     border-left: 1px solid #a2a6a9;
  1426.     background: #a2a6a9;
  1427.     }
  1428.  
  1429. #dot_cell {
  1430.     text-align: center;
  1431.     vertical-align: middle;
  1432.     }
  1433.  
  1434. #fine_print {
  1435.     vertical-align: top;
  1436.     font-size: 11px;
  1437.     color: #5f5f5f;
  1438.     }
  1439.  
  1440. #pricing {
  1441.     font-size: 12px;
  1442.     }
  1443.  
  1444.  
  1445.  
  1446.  
  1447. /* sample code classes */
  1448. #right_content {
  1449.     text-align: right;
  1450.     font-size: 12px;
  1451.     }
  1452.  
  1453. #sc_content {
  1454.     font-size: 12px;
  1455.     }
  1456.  
  1457.  
  1458. /* mac os x architecture diagram */
  1459. #archtext {
  1460.     font-size: 11px;
  1461.     color: #333;
  1462.     text-decoration: none;
  1463.     line-height: 15px;
  1464.     }
  1465.  
  1466. #topborder {
  1467.     border-top: 1px solid #999;
  1468.     }
  1469.  
  1470. #greylist {
  1471.     line-height: 16px;
  1472.     color: #333;
  1473.     margin-top: 12px;
  1474.     }
  1475.  
  1476. #archtitle {
  1477.     font-size: 12px;
  1478.     color: #000;
  1479.     text-decoration: none;
  1480.     font-weight: bold;
  1481.     }
  1482.  
  1483. #description {
  1484.     font-size: 11px;
  1485.     color: #333;
  1486.     text-decoration: none;
  1487.     line-height: 15px;
  1488.     }
  1489.  
  1490. .archtitle {
  1491.     font-size: 12px;
  1492.     color: #000;
  1493.     text-decoration: none;
  1494.     font-weight: bold;
  1495.     }
  1496.  
  1497.  
  1498.  
  1499. /* original apple css items (unused at this time) */
  1500. /* ---------------------------------------------- */
  1501.  
  1502. h1 {
  1503.     font-weight: bold; font-size: 18px; 
  1504.     }
  1505.  
  1506. #text {
  1507.     font-size: 10px;  line-height: 16px;
  1508.     }
  1509.  
  1510.  
  1511. #bodytext {
  1512.     font-size: 10px; 
  1513.     }
  1514. #bodytextlarge {
  1515.     font-size: 12px; 
  1516.     }
  1517. #bodytitle {
  1518.     font-weight: bold; font-size: 10px; 
  1519.     }
  1520. #bodytitlelarge2 {
  1521.     font-weight: bold; font-size: 12px; 
  1522.     }
  1523. #bodytitlelarge {
  1524.     font-weight: bold; font-size: 12px; font-family: arial, helvetica, sans-serif
  1525.     }
  1526. #bodytitleextralarge {
  1527.     font-weight: bold; font-size: 14px; font-family: arial, helvetica, sans-serif
  1528.     }
  1529. #callout {
  1530.     font-weight: bold; font-size: 14px; color: #737373; 
  1531.     }
  1532. #calloutsubitem {
  1533.     font-size: 10px; color: #666666; 
  1534.     }
  1535. #resourcetitle {
  1536.     font-weight: bold; font-size: 10px; 
  1537.     }
  1538. #resourcetext {
  1539.     font-size: 10px; font-family: helvetica, geneva, arial, sans-serif
  1540.     }
  1541. #resourcehead {
  1542.     font-weight: bold; font-size: 11px; color: #808080; font-family: arial, helvetica, sans-serif
  1543.     }
  1544. #mkt {
  1545.     font-size: 12px; font-family: arial, helvetica, sans-serif
  1546.     }
  1547. #mkt2 {
  1548.     font-size: 14px; font-family: arial, helvetica, sans-serif
  1549.     }
  1550. #breadcrumb {
  1551.     font-weight: bold; font-size: 12px; font-family: arial, helvetica, sans-serif
  1552.     }
  1553. #breadcrumblocation {
  1554.     font-weight: bold; font-size: 12px; color: #cc6600; font-family: arial, helvetica, sans-serif
  1555.     }
  1556. #menutitle {
  1557.     font-weight: bold; font-size: 12px; margin-left: 10px; font-family: arial, helvetica, sans-serif
  1558.     }
  1559. #menutext {
  1560.     font-size: 10px; margin-left: 10px; line-height: 14px; font-family: helvetica, geneva, arial, sans-serif
  1561.     }
  1562. #source {
  1563.     font-size: 9px; color: #666666; font-style: italic; font-family: helvetica, geneva, arial, sans-serif
  1564.     }
  1565.